<template>
	<view class="block-title">
		<text>{{title}}</text>
		<button class="all-btn" @tap="onTap">全部</button>
	</view>
</template>

<script>
	export default {
		name:"MxBlockTitle",
		props: {
			title: {
				type: String
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			onTap() {
				this.$emit('to')
			}
		}
	}
</script>

<style scoped lang="scss">
@import '@/common/scss/common.scss';
@import '@/common/scss/var.scss';
.block-title{
	font-family: $font-family;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 10rpx;
	font-size: 16px;
	font-weight: bold;
	
	.all-btn{
		@include clean-btn;
		padding: 0rpx 30rpx;
		font-weight: normal;
		color: $color-info;
		
		&::after{
			content: '>';
			left: unset;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
	}
}
</style>
